// 导入vuex里面的数据
import {
  mapGetters
} from "vuex"
// 导出一个mixin对象 
export default {
  computed: {
    // 导入数据
    ...mapGetters("my_cart", ["totalCartNumber"])
  },
  onShow() {
    // 页面加载就调用定义的方法
    this.setTabbarText()
  },
  watch: {
    // 监听 total 值的变化
    totalCartNumber() {
      // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
      this.setTabbarText()
    },
  },
  methods: {
    // 定义设置购物车右上角的文本
    setTabbarText() {
      // 调用uniapp提供的方法来设置
      uni.setTabBarBadge({
        // tabbar栏的索引
        index: 2,
        // 文本的内容
        text: "" + this.totalCartNumber //注意此处必须是字符串格式的
      })
    }
  },


}
